<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>while学习</title>
		<style>
			body{
				padding:0px;
				margin: 0px;
			}
			#text{
				width: 500px;
				text-align: center;
				margin: auto;
				background: gainsboro;
			}
		</style>
	</head>
	<body>
		<div id="text"></div>
		<script>
				//while循环
//				var i=0;
//				while(i<100){
//					i++;
//					document.write(i+"<br />");
//				}
				//比for循环简单又灵活
//				var i = 100;
//				while(i > -1){
//					document.write(i + "<br />");
//					i--;
//				}
				
//				var i=1;
//				while(i<100){
//					i++;
//					if(i % 2 == 0){
//						document.write(i);
//					}
//				}
				for(var k = 0;k <10;k++){
					for(var m = 0;m <= k;m++){
						document.getElementById("text").innerHTML +="👀";
					}
					document.getElementById("text").innerHTML +="<br/>";
					document.getElementById("text").innerHTML +="<br/>";
				}
				document.getElementById("text").innerHTML +="<br/>";
				document.getElementById("text").innerHTML +="<br/>";
				
				for(var k = 0;k < 10;k++){
					for(var m = k;m < 10;m++){
						document.getElementById("text").innerHTML +="👀";
					}
					document.getElementById("text").innerHTML +="<br/>";
					document.getElementById("text").innerHTML +="<br/>";
				}
//				break	:	跳出本层循环
//				continue	:	跳出本次循环
		</script>
	</body>
</html>
